$(function(){
    
    getcouponproduct();
    shade();
   
// ajxj
    function getcouponproduct(){
        console.log(location.href);
        //couponproduct.html?couponId=0
        var couponId = location.href.split('?')[1].split('=')[1];
       $.ajax({
           url:"http://193.112.55.79:9090/api/getcouponproduct",
           data:{
            couponid:couponId
           },
           type:"get",
           dataType:"json",
           success:function(res){
            //    console.log(res);
               var html = template("sale_list",{arr:res.result});
               $(".list_ul").html(html);
               var html1 = template("swiper_list",{arr:res.result});
               $(".swiper-wrapper").html(html1);
            //    console.log(html1);
// 轮播图初始化
            var swiper = new Swiper('.swiper-container', {
                spaceBetween: 30,
                centeredSlides: true,
                autoplay: {
                  /* 多少时间轮播一次 毫秒 */
                  delay: 3000,
                  /* 用户滑动轮播图之后，是否禁止自动轮播图 默认是 true 禁止 */
                  disableOnInteraction: false,
                },
                /* 分页器 */
                pagination: {
                  /* 绑定的元素 */
                  el: '.swiper-pagination',
                  /* 是否允许点击 */
                  clickable: true,
                },
                /* 导航器 */
                navigation: {
                  /* 下一个 */
                  nextEl: '.swiper-button-next',
                  /* 上一个 */
                  prevEl: '.swiper-button-prev',
                },
              });
           }
       })
    }
// 遮罩层
    function shade(){
    // 用委托的方式
        $(".list_ul").on("tap",".lis",function(){
            // var index1 = $(this).attr('name');
            // console.log(index1);
            $(".shade").show();
            $(".swiper-container").css("z-index",100);

        });

        $(".shade").on("tap",function(){
            $(this).hide();
            $(".swiper-container").css("z-index",-100);
        })
        // $(".swiper-container").on("tap",function(){
        //     $(this).hide();
        // })
    }

    
})